<html>
    <head>
      <title>Crear Orden de Flete</title>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
      <script type="text/javascript" src="../js/jquery-1.5.2.js"></script>
		<script type="text/javascript" src="../js/jquery-ui-1.8.14.custom.min.js"></script>
      <script type='text/javascript' src='../js/jquery.autocomplete.js'></script> 
      <script type="text/javascript" src="../js/jquery.validate.js"></script>
      <script type='text/javascript' src='../js/funciones_js.js'></script>
		<link type="text/css" href="../css/start/jquery-ui-1.8.14.custom.css" rel="Stylesheet" />
		<!--<link type="text/css" href="../css/demos.css" rel="Stylesheet" />-->
		<!--<link rel="stylesheet" type="text/css" href="../css/thickbox.css" />-->
      <link rel="stylesheet" type="text/css" href="../css/plantilla.css" />
		<link rel="stylesheet" type="text/css" href="../css/jquery.autocomplete.css" />
		<link rel="stylesheet" type="text/css" href="../css/tabla.css" />
      <script type="text/javascript">
      
		$(document).ready(function()
      {
				
				
				$("#Agregar,#Terminar,#Editar,#Cancelar").button();

				//autocompletar ajax
            $("#rut_consignatario").autocomplete("auto_rut_consignatario.php",{
						
						minChars: 0,
						width: 310,
						matchContains: "word",
						autoFill: false,
						selectFirst: false
					
				});
                
            //resultado autocompletar
            $("#rut_consignatario").result(function(event, data)
            {
					 var rutUnido = data[0];
					 var rut = rutUnido.split("[");
					
					 $("#rut_consignatario").val(rut[0].trim());
                $("#nombre_consignatario").val(data[1]);
					 $("#apellido_consignatario").val(data[2]);
                $("#telefono_consignatario").val(data[3]);
                $("#direccion_consignatario").val(data[4]);
					 $("#numero_direccion_consignatario").val(data[5]);
					 $("#depto_consignatario").val(data[6]);
                $("#id_comuna_consignatario").val(data[7]);
					 $("#comuna_consignatario").val(data[8]);
					 $("#contacto_consignatario").val(data[9]);
                $("#correo_consignatario").val(data[10]);
                    
            });
                
					 
            //autocompletar ajax consiganatario o destinatario
				$("#nombre_consignatario").autocomplete("auto_nombre_consignatario.php",{
				  
					  minChars: 0,
					  width: 310,
					  matchContains: "word",
					  autoFill: false,
					  selectFirst: false
				  
				});
                
            //resultado autocompletar
				$("#nombre_consignatario").result(function(event, data)
            {
		
                var nombreUnido = data[0];
					 var nombre = nombreUnido.split(",");
					
					 $("#rut_consignatario").val(data[1]);
                $("#nombre_consignatario").val(nombre[0].trim());
					 $("#apellido_consignatario").val(data[2]);
                $("#telefono_consignatario").val(data[3]);
                $("#direccion_consignatario").val(data[4]);
					 $("#numero_direccion_consignatario").val(data[5]);
					 $("#depto_consignatario").val(data[6]);
                $("#id_comuna_consignatario").val(data[7]);
					 $("#comuna_consignatario").val(data[8]);
					 $("#contacto_consignatario").val(data[9]);
                $("#correo_consignatario").val(data[10]);

            });
                
            //Agrega una nueva funcion de validacion
            $.validator.addMethod("validaRutRemitente",function(value)
				{
                    
                var objeto = document.getElementById("rut_remitente");
                
					 return Valida_Rut(objeto);
    
            },"El Rut ingresado no es valido");
					 
				
				//Agrega una nueva funcion de validacion
            $.validator.addMethod("validaRutConsignatario",function(value)
				{ 
                    
                var objeto = document.getElementById("rut_consignatario");
                
					 return Valida_Rut(objeto);
                
            },"El Rut ingresado no es valido");
               
            
				// Valida los input del formulario
            $("#formulario").validate({
				  
					 onfocusout: false,
                    
                rules: {
							
						  id_comuna_origen:{
									 required:true
								},
							
								
						  rut_consignatario:{
                                required:false,
                                validaRutConsignatario: true   
                    },
							
						  nombre_consignatario: "required",
						            
                    telefono_consignatario:{
                                required:false,
                                digits:true
                    },
                            
                    direccion_consignatario: "required",
							
						  numero_direccion_consignatario: {
								  
								  required : true,
								  digits: true
						  
						  },
							
						  depto_consignatario: {
								required: false
						  },
                            
                    comuna_consignatario:"required",
                            
                    contacto_consignatario: "required",
						  
							
						  correo:{
								
								required: false,
								email: true
						  },
									 
						  num_orden:{  
										required:false,
										number:true
						  },
                            
							
						  factura: {
                              required: true,
                              number: true           
                     }
							        
                            
					 },
                    
                messages:
					 {
			
                    nombre_remitente: "Debe ingresar el nombre",
                    rut_remitente: "Debe ingresar el rut",
                    telefono_remitente: "Debe ingresar telefono",
                    direccion_remitente: "Debe ingresar direccion",
                    comuna_remitente: "Debe ingresar comuna",
                    contacto_remitente: "Debe ingresar contacto",
						  rut_consignatario: "Debe ingresar el rut",
						  nombre_consignatario: "Debe ingresar el nombre",
                    telefono_consignatario: "Debe ingresar telefono",
                    direccion_consignatario: "Debe ingresar direccion",
						  numero_direccion_consignatario: "Debe ingresar direccion",
                    comuna_consignatario: "Debe ingresar comuna",
                    contacto_consignatario: "Debe ingresar contacto",
						  correo_consignatario: "Debe ingresar un correo valido",
						  factura: "Debe ingresar el numero de factura",
						  num_comprobante:"Debe ingresar numeros"
				  	
                }
            });
                
            //funcion para formatear rut cuando pierde el foco
            $("#rut_consignatario").change(function(){
                    
                    var rut = $("#rut_consignatario").val();
                    $("#rut_consignatario").val(Formato_Rut(rut));
                
            });
				
				//Evento click al editar
				$("#Editar").click(function(){
				  
				  window.location.href="crear_comprobante_factura.php?Edit=true"; 
				
				});
				
				//Evento click al cancelar
				$("#Cancelar").click(function(){
				  
				    window.location.href="crear_comprobante_factura.php?Cancel=true"; 
				
				});
				
				//Evento del boton terminar, ingresa todas las ordenes que estan en el carrito
            $('#Terminar').click(function(){
					
					var titulo = "Seleccion de Impresion";
					var anchoventana = 650;
					var altoventana = 350;
					
					$.ajax({	
						  
						url: "seleccionar_forma_impresion.php",
						type: "POST",
				
						success: function(data){
						  
							//indicamos la funci?n que se ejecutar? al recibir los datos en la variable data exitosamente
							//limitamos el contenido del documento a lo que est? dentro de la etiqueta body
										 
							var ini = data.indexOf("<body");
							
							if (ini >= 0)
							{
								ini = data.indexOf(">", ini)+1;
								var fin = data.indexOf("</body");
								fin = fin-ini;
								var datos= data.substr(ini, fin);
							}
							else
							{
								var datos = data;
							} 
						 
							$("body").append('<div class=ventana id=dialog>'+datos+'</div>');//adjuntamos los datos recibidos en una capa con la clase "ventana" al final del documento
										 
							$("div.ventana").dialog({//indicamos que las capas con la clase "ventana" son ventanas de dialogo
                     
							 	closeText: 'Cerrar',
								title: titulo,
								height: altoventana,
								width: anchoventana,
								modal: true,
								resizable: false,
									
										  
								close: function()//indicamos la funci?n que se ejecutar? al cerrarse la ventana
										{		
											$(this).remove();//borramos la capa			
										}
							});
						}
					});         
					
               return false; 
				
            });
				
				//Abre la capa, que contiene los inputs, en un dialogo para ingresar los valores de la orden
				$("#valor").dialog({
								
								autoOpen: false,
								closeText: 'Cerrar',
								title: "Valor de Envio",
								height: 300,
								width: 400,
								modal: true,
								resizable: false,
								buttons:{
										
										"Aceptar":function(event)
                              {
										  
											 //Pasa valores del formulario del dialog al formulario principal
											 $("#hsubtotal").val($("#subtotal").val());
											 $("#htotal").val($("#total").val());
											 $("#hrecargo").val($("#recargo").val()); 
											 
											 //Si valor es verdadero ingresa la factura al carrito
											  $.ajax({
						
														url: "introduce_orden_proceso_factura.php",
														data: $('#formulario').serialize(),
														type: "POST", 
														success: function(data){
								  
															 alerta(data,"Atencion");
															 //Muestra carrito 
															 mostrar();
														}  
												  });
											
											 
											 $(this).dialog("close"); 
										},
										 
										"Cancelar":function(event){
										  
											 $(this).dialog("close");
											 
										} 
								},
								
								close: function(event){
											$(this).dialog("close");//borramos la capa
								}
				});// fin dialog
				
			   
				$("#id_comuna_consignatario").change(function(){
	
				    $('#comuna_consignatario').val($('#id_comuna_consignatario option:selected').html());

			   });
				
				$("#formulario").submit(function(){
				  
					 $.ajax({
                
						  url: "cargar_valor_factura_ajax.php",
						  data: $('#formulario').serialize(),
						  type: "POST",
						  success: function(data){
							 
								  //Divide los datos recibidos del ajax
								  data = data.split("|");
								  subtotal = parseInt(data[0]);
								  recargo = parseFloat(data[1]);
								  total = Math.round(subtotal * ((recargo/100) + 1));
								
								  //deja los valores recibidos en los inputs
								  $('#subtotal').val(subtotal);
								  $('#recargo').val(recargo);
								  $('#total').val(total);
								  //Muestra los inputs en un dialogo
								  $('#valor').dialog('open');
								  
						  }  
				    });  
				});
					      
            return false; 
      });
		  
		 
		//Muestra carrito de orden
		function mostrar()
      {
		
					 $.ajax({
				          url: 'ver_carrito_orden_factura.php',
					       data: '',
							 type: 'POST',
							 success: function(data){
                    
						      $('#mensaje').html(data);    
							 }
					 });
		  }
		  
		  //Calucla la tarifa al ir modificando el recargo automaticamente
		  function calculaTarifa()
        {
			
					 recargo = document.getElementById('recargo').value;
					 subtotal = document.getElementById('subtotal').value; 
					 total = document.getElementById('total').value;
					 totalNuevo = Math.round(subtotal * ((recargo/100)+1));
					 document.getElementById('total').value = totalNuevo;
		  }
		
		  
		  //Elimina producto del carrito
		  function eliminar(id)
        {
										    
					 $.ajax({									
									 		  		
						  url: 'eliminar_orden_carrito_factura.php',
						  data: 'id='+id,
						  type: 'POST',
						  success: function(data){
								alerta("Orden eliminada correctamente.","Atenci?n");
						      mostrar();
								//$('#mensaje').html(data);
						  }
					 });
		  }
		  
        </script>
</head>
<body>
   
  <div id="content">
    
  <form autocomplete="off" onsubmit="return false;" name="formulario" id="formulario">
		<br />
		<!--TITULO-->
		<div id="titulo_seccion">
		<fieldset>
		  <table>
			<tr>
			  <td>
			 <font> Ingreso de Envio de Facturas: Registro de Ordenes de Flete</font>
			  </td>
			  <td align="right">
			  <input type="submit" value="Agregar" id="Agregar" name="Agregar" />
			  <input type="hidden" value="Introduce" id="Introduce" name="Introduce" />
			  <input type="button" name="Terminar" id="Terminar" value="Terminar" />
			  <input type="button" name="Editar" id="Editar" value="Editar Comprobante" />
			  <input type="button" name="Cancelar" id="Cancelar" value="Cancelar" />
			  </td>
			</tr>
		  </table>
		</fieldset>
		</div>

		
		<!--FORMULARIO Datos Remitente-->
		<fieldset>
		  <legend>Datos Cliente</legend>
		
		  <?php echo  "<label class=normal>N? DE COMPROBANTE: </label>" . $_SESSION['datos_comprobante_factura']['num_comprobante']; ?>
		  <input type="hidden" id="num_comprobante" name="num_comprobante" value="<?php echo $_SESSION['datos_comprobante_factura']['num_comprobante']; ?>" />
		  
		  <?php echo "<label class=normal>CODIGO: </label>" . $_SESSION['datos_comprobante_factura']['id_remitente']; ?>
		  <input type="hidden" id="id_remitente" name="id_remitente" value="<?php echo $_SESSION['datos_comprobante_factura']['id_remitente']; ?>" /> 
		  
		  <?php echo "<label class=normal>NOMBRE: </label>" . $_SESSION['datos_comprobante_factura']['nombre_remitente']; ?>
		  <input type="hidden" name="nombre_remitente" id="nombre_remitente" value="<?php echo $_SESSION['datos_comprobante_factura']['nombre_remitente']; ?>"  />	  
		  
		  <?php echo "<label class=normal>RUT: </label>" . $_SESSION['datos_comprobante_factura']['rut_remitente']; ?>
		  <input type="hidden" id="rut_remitente" name="rut_remitente" value="<?php echo $_SESSION['datos_comprobante_factura']['rut_remitente']; ?>"/>
		  
		  <input type="hidden" id="id_departamento" name="id_departamento" value="<?php echo $_SESSION['datos_comprobante_factura']['id_departamento']; ?>"/>
		  
		  <?php echo "<label class=normal>Comuna Origen: </label>" . $_SESSION['datos_comprobante_factura']['comuna_origen']; ?>
		  <input type="hidden" id="id_comuna_origen" name="id_comuna_origen" value="<?php echo $_SESSION['datos_comprobante_factura']['id_comuna_origen']; ?>"/>
		  
		</fieldset>
		
		
		<table>
		<tr>
		<td valign="top">
		
		  <!--FORMULARIO Datos consignatario-->
		  <fieldset style="height:300px;">
			 <legend>Datos Consignatario</legend>
			 <table>
			   <tr>
				  <td><label class="formulario">Rut: </label></td><td><input class="texto_normal" type="text" id="rut_consignatario" name="rut_consignatario" /></td>
				</tr><tr>
				  <td><label class="formulario">*Nombre o Razon Social: </label></td><td><input class="texto_normal" type="text" name="nombre_consignatario" id="nombre_consignatario" /></td>
				</tr><tr>
				  <td><label class="formulario">Apellido: </label></td><td><input class="texto_normal" type="text" name="apellido_consignatario" id="apellido_consignatario" /></td>
				</tr><tr>
				  <td><label class="formulario">Telefono: </label></td><td><input class="texto_normal" type="text" name="telefono_consignatario" id="telefono_consignatario" /></td>
				</tr><tr>
				  <td><label class="formulario" >*Calle Avenida o Pasaje: </label></td><td><input class="texto_large" type="text" name="direccion_consignatario" id="direccion_consignatario"/></td>
				</tr><tr>
				  <td><label class="formulario">*Numero: </label></td><td><input type="text" class="texto_normal" name="numero_direccion_consignatario" id="numero_direccion_consignatario" /></td>
				</tr><tr>
				  <td><label class="formulario">Depto: </label></td><td><input type="text" class="texto_normal" name="depto_consignatario" id="depto_consignatario" /></td>
				</tr><tr>
				  <td><label class="formulario">*Comuna: </label></td>
				  <td>
				  <select name="id_comuna_consignatario" id="id_comuna_consignatario">
				  <option></option>
					<?php
					conectar();
					optionComunas();
					pg_close();
					?>
				  </select>
				  <input type="hidden" name="comuna_consignatario" id="comuna_consignatario"/>
				  </td>
				</tr><tr>
				  <td><label class="formulario">*Contacto: </label></td><td><input type="text" class="texto_normal" name="contacto_consignatario" id="contacto_consignatario" /></td>
				</tr><tr>
				  <td><label class="formulario">Correo: </label></td><td><input type="text" class="texto_large" name="correo_consignatario" id="correo_consignatario" /></td>
				</tr>
			 </table>
		  </fieldset>
		
		
		</td><td>
	  
		
		<!--DATOS DE ENVIO-->
		<fieldset style="height:300px;">
		  <legend>Datos de Env?o</legend>
		  
			 <table>
				<tr>
					<td><label class="formulario" >*Tipo de envio:</label></td>
				  <td><input type="radio" checked name="tipo_envio" id="tipo_envio" value="2" />Terrestre
				  <input type="radio" name="tipo_envio" id="tipo_envio" value="1" />Aereo</td>	
				</tr><tr>
				  <td><label class="formulario">*Numero de Factura:</label></td><td><input type="text" id="factura" name="factura" /></td>
				</tr><tr>
				  <td><label class="formulario">Instrucciones Especiales:</label></td><td><textarea name="instruccionesEsp" id="instruccionesEsp" cols="35" rows="5"></textarea></td>
				</tr>
			 </table>
			 
		  </fieldset>
		
		</td>
		</tr>
		</table>
		
		<input type="hidden" id="hsubtotal" name="hsubtotal" readonly="readonly"   >
		<input type="hidden" id="hrecargo" name="hrecargo" readonly="readonly" >
		<input type="hidden" id="htotal" name="htotal" readonly="hidden"  >
		</form>
		 
      <div id="valor">
		  <!--VALORES DE ENVIO-->
		<fieldset style="height:100px;">
		  <legend>Valor de Envio</legend>
			 <table>
				<tr>
					<td><label class="formulario" >*Subtotal: $</label></td><td><input readonly="readonly" type="text" id="subtotal" name="subtotal" ></td>	
				</tr><tr>
				  <td><label class="formulario">*Recargo: %</label></td><td><input  type="text" id="recargo" name="recargo" onkeyup="javascript: calculaTarifa();" ></td>
				</tr><tr>
				  <td><label class="formulario">*Total: $</label></td><td><input readonly="readonly" type="text" id="total" name="total" ></td>
				</tr>
			 </table>
		</fieldset>
		</div>
  
   <fieldset>
	<legend>Ordenes ingresadas</legend>
    <div id="mensaje">
        <script>mostrar();</script>
    </div>
   </fieldset>  
</div>
</body>
</html>